<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>订单支付-英雄联盟周边商城</title>
    <link rel="stylesheet" href="../static/css/swb.css" />
    <link rel="stylesheet" href="../static/css/Payment.css" />
  </head>
  <body>
    <header style="background-color: #fff;">
      <div class="banner fdl">
        <div sty="mt14 mb14">
          <img
            sty="wi32 hi32"
            src="http://imgcache.qq.com/ac/qzone/vipappgift/tmp/img_1377774979.49.png"
            alt=""
          />
        </div>
        <h5 sty="mt16 ml20 pl20 lh26" style="border-left: 1px solid #f0f0f0;">
          订单支付
        </h5>
      </div>
    </header>
    <div class="main">
      <div sty="mt40 mb200 pt50 pr270 pb50 pl250" class="banner bgcfff bsbb">
        <div
          sty="pt10 pb20"
          class="main-top"
          style="border-bottom: 1px solid #f3f3f3;"
        >
          <div sty="fs14 lh16 mb12" class="fdl">
            <h6>商品订单：</h6>
            <p>D435601E3150C7738890BAF4787BD114</p>
          </div>
          <div class="fdl">
            <h6 sty="mt5">支付金额：</h6>
            <span sty="fs24" style="color: #0ac265;">￥2,946.00</span>
          </div>
        </div>
        <div sty="mt20" class="main-bottom">
          <h6 sty="lh44">支付方式：</h6>
          <div
            sty="wi130 hi40  lh40"
            class="mode-payment tac pr"
            style="border: 2px solid #3879d1;"
          >
            <i
              sty="wi22 hi19 tp11 lt22"
              style="background-position: 0 -50px;"
            ></i>
            <span sty="fs14 lh25 lt50 tp7" class="pa">微信支付</span>
            <i
              sty="wi20 hi20 rt0 bm0"
              style="background-position: -25px 0;"
            ></i>
          </div>
          <div sty="mt30" class="fdl">
            <div>
              <div sty="wi196 hi200">
                <img
                  src="http://pay.qq.com/cgi-bin/account/get_qr_image.cgi?size=200&orig=1&url=weixin%3A%2F%2Fwxpay%2Fbizpayurl%3Fpr%3DziK2sMp"
                  alt=""
                />
              </div>
              <div
                sty="lh30 mt5"
                class="tac"
                style="background-color: #00c800; color: #fff;"
              >
                请打开手机微信，扫一扫完成支付
              </div>
            </div>
            <div sty="wi206 hi255 mt-10 ml40">
              <img
                src="../static/images/ep_sys_wx_tip.jpg"
                alt=""
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div sty="lh40" class="copy tac">技术支持：全栈12 师文博</div>
  </body>
  <script src="../static/js/jquery.js"></script>
  <script src="../static/js/swb.js"></script>
</html>
